<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <h:outputStylesheet library="css" name="stylePrincipal.css" />
        <h:outputStylesheet library="css" name="main.css" />
        <h:outputStylesheet library="css" name="pagina_principal/coin-slider.css" />
        
        <h:outputScript library="js" name="template/cufon-titillium-600.js" />
        <h:outputScript library="js" name="template/cufon-yui.js" />
        <h:outputScript library="js" name="template/jquery-1.4.2.min.js" />
        <h:outputScript library="js" name="template/script.js" />
        <h:outputScript library="js" name="template/coin-slider.min.js" />
        
        <ui:insert name="libreria"/>
        <title><ui:insert name="windowTitle" /></title>
    </h:head>

    <h:body style="width: 960px; margin: auto; background-color: lightgray;">
        <div style="background-color: white; border: solid 1px #449484">
        <div id="top" >
            <ui:insert name="top">
                <div style="float:left; height: 120px;">
                    <h:graphicImage library="images" name="imagenCabecera.png" style="margin-left: 10px;"/>
                </div>
                <div style="background-color: transparent; float: right; color: white; margin-top: 1.5%; margin-right: 2%;">
                    <h:form>
                        <h:panelGrid columns="1" style="font-family: Lucida Grande,Lucida Sans,Arial,sans-serif; font-size: 0.78em;"
                                     columnClasses="oddColumnCabecera" rowClasses="rowCabecera" border="0">
                            <h:outputText value="Fecha de hoy: #{templateUsuarioController.fechaSistema}" style="font-weight: bold;"/>
                            <h:panelGroup>
                                <h:panelGrid columns="2" columnClasses="oddColumnCabecera,oddColumnCabecera" width="100%"
                                             rowClasses="rowCabecera" border="0" style="margin-top: 8px;">
                                    <p:graphicImage library="images" name="Icon-user.png" width="15px" style="margin-left: 50px;"/>
                                    <h:outputText value="Bienvenido #{interesadoPrincipalController.usuario.usuNombres}" />
                                </h:panelGrid>
                            </h:panelGroup>
                            <p:commandLink value="Cerrar sesión" action="#{interesadoPrincipalController.logoutAction}" ajax="false" />
                        </h:panelGrid>
                    </h:form>  
                </div>    
                <div style="clear: both;">
                    <div class="slider">
                        <div id="coin-slider"> <a href="#">
                                <!--<img src="../resources/images/template/slide1.jpg" width="940" height="310" alt="" />-->
                                <h:graphicImage library="images" name="template/slide1.jpg" style=""/>
                            </a> 
                            <a href="#">
                                <!--<img src="../resources/images/template/slide2.jpg" width="940" height="310" alt="" />-->
                                <h:graphicImage library="images" name="template/slide2.jpg" style=""/>
                            </a> 
                            <a href="#">
                                <!--<img src="../resources/images/template/slide3.jpg" width="940" height="310" alt="" /> -->
                                <h:graphicImage library="images" name="template/slide3.jpg" style=""/>
                            </a> </div>        
                        <div class="clr"></div>
                    </div>
                </div>
            </ui:insert>
        </div>
        <div>
            <div id="left">
                <ui:insert name="left">
                    <h:form>
                        <p:menu style="width: 220px;">
                            <p:menuitem value="Home" action="index.jsf?faces-redirect=true"  ajax="false" icon="ui-icon-folder-open" />                            
                            <p:submenu label="Cuenta de Usuario">
                                <p:menuitem value="Rendir Simulacro" action="/interesado/simulacroOnline.jsf?faces-redirect=true" icon="ui-icon-folder-open" style="margin-left: 10px;"/>
                                <p:menuitem value="Mis notificaciones" action="/interesado/listadoNotificaciones.jsf?faces-redirect=true"
                                            icon="ui-icon-folder-open" style="margin-left: 10px;"/>
                                <p:menuitem value="Perfil"  icon="ui-icon-folder-open" style="margin-left: 10px;"/>
                                <p:menuitem value="POSTULAR!!!" action="/interesado/postularPrevio.jsf?faces-redirect=true" icon="ui-icon-folder-open" style="margin-left: 10px;"/>
                            </p:submenu>
                            <p:submenu label="UPG">
                                <p:menuitem value="¿Quiénes Somos?"  icon="ui-icon-folder-open" style="margin-left: 10px;"/>
                                <p:menuitem value="Misión y Visión"  icon="ui-icon-folder-open" style="margin-left: 10px;"/>
                                <p:menuitem value="Ubicación"  icon="ui-icon-folder-open" style="margin-left: 10px;"/>
                                <p:menuitem value="Contáctenos"  icon="ui-icon-folder-open" style="margin-left: 10px;"/>
                                <p:menuitem value="Beneficios"  icon="ui-icon-folder-open" style="margin-left: 10px;"/>
                            </p:submenu>
                            <p:submenu label="Calidad Educativa">
                                <p:menuitem value="Docentes"  icon="ui-icon-folder-open" style="margin-left: 10px;"/>
                                <p:menuitem value="Tesis de Post Grado"  icon="ui-icon-folder-open" style="margin-left: 10px;"/>
                                <p:menuitem value="Testimonios"  icon="ui-icon-folder-open" style="margin-left: 10px;"/>
                                <p:menuitem value="Costos y Horarios"  icon="ui-icon-folder-open" style="margin-left: 10px;"/>                                
                            </p:submenu>                                                        
                        </p:menu>
                    </h:form>
                </ui:insert>
            </div>
            <div id="content" style="float:right; width: 700px; height: 500px;">
                <ui:insert name="content" />
            </div>
        </div>
        
        <div id="facebook" >
            <ui:insert name="facebook">
                <div id="fb-root"></div>
                    <script>(function(d, s, id) {
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (d.getElementById(id)) return;
                    js = d.createElement(s); js.id = id;
                    js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
                    fjs.parentNode.insertBefore(js, fjs);
                    }(document, 'script', 'facebook-jssdk'));</script>                
                <div class="fb-like-box" data-href="http://www.facebook.com/platform" data-width="960px" data-show-faces="true" data-stream="false" data-header="false"></div>
            </ui:insert>
        </div>
        
        <div id="bottom" class="center_content">
            <ui:insert name="bottom">
                <h:form>
                    Ciudad Universitaria Facultad de Ingeniería de Sistemas e Informática<br/>
                    Unidad de Posgrado (Oficina 205 ) - Av. Germán Amézaga s/n (Puerta Nº 4)<br />
                    Teléfono: 619 - 7000 / Anexos: 3603 - 3619 - 3620<br />
                    Copyright © 2012 Unidad de Post Grado - FISI. Todos los derechos reservados.<br /> 
                    <h:link outcome="../creadores.jsf">Diseñado por el equipo de TP2</h:link>
                </h:form>
            </ui:insert>
        </div>
            
        </div>
    </h:body>
    <ui:debug hotkey="k" />
</html>
